var bar1 = document.getElementById("one");
var bar2 = document.getElementById("two");
var bar3 = document.getElementById("three");
var go1 , go2 , go3;
bar1.addEventListener("click",onefun);
bar2.addEventListener("click",twofun);
bar3.addEventListener("click",threefun);

function onefun() {
    clearInterval(go1);
    clearInterval(go2);
    clearInterval(go3);
    if( document.documentElement.scrollTop != 0) {
        go1 = setInterval(function () {
            if( document.documentElement.scrollTop > window.screen.height )
            {
                document.documentElement.scrollTop =document.documentElement.scrollTop - 50; /*如果大于一个div的距离移动速度变为两倍*/
            }
            else document.documentElement.scrollTop = document.documentElement.scrollTop -20;
            if ( document.documentElement.scrollTop <= 0 ) {
                clearInterval(go1);
            }
        }, 10);
    }
}
function twofun() {
    clearInterval(go1);
    clearInterval(go2);
    clearInterval(go3);
    if( document.documentElement.scrollTop != window.screen.height) {
        go2 = setInterval(function () {
            if(document.documentElement.scrollTop > window.screen.height)
            {
                document.documentElement.scrollTop = document.documentElement.scrollTop - 20;
                if ( document.documentElement.scrollTop <= window.screen.height )
                {
                    clearInterval(go2);
                }
            }
            else document.documentElement.scrollTop = document.documentElement.scrollTop + 20;

        }, 10);
    }

}
function threefun() {
    clearInterval(go1);
    clearInterval(go2);
    clearInterval(go3);
    if( document.documentElement.scrollTop != window.screen.height * 2) {
        go3 = setInterval(function () {
            if( document.documentElement.scrollTop < window.screen.height )
            {
                document.documentElement.scrollTop =document.documentElement.scrollTop + 50; /*如果大于一个div的距离移动速度变为两倍*/
            }
            else document.documentElement.scrollTop = document.documentElement.scrollTop +20;
            if ( document.documentElement.scrollTop >= window.screen.height * 2 ) {
                clearInterval(go3);
                document.documentElement.scrollTop = window.screen.height * 2;
            }
        }, 10);
    }
}